<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>新建笔记</title>
    <link rel="stylesheet" type="text/css" href="/static/css/edit.css" />
    <style type="text/css">
        .a-modify {
            font-size: 0.5em;
        }
        .a-home {
            font-size: 0.5em;
        }
    </style>
</head>
<body>
    <h3>
        {% if note_id %}
            编辑
        {% else %}
            新建
        {% endif %}
        笔记
        <a class="a-modify" href="/detail/{{ note_data.id }}">[取消]</a>
            <a class="a-home" href="/">[首页]</a>
    </h3>
    <form action="/new" method="POST">
        {% if note_id %}
            <input type="hidden" name="note_id" value="{{ note_id }}" />
        {% endif %}
        <div class="form-line">
            标题：
            <input size="30" type="text" value="{{ note_data.title }}" name="note-title" placeholder="笔记标题" />
        </div>
        <div class="form-line">
            内容：
            <textarea class="note-content" name="note-content" cols="71" rows="8" placeholder="笔记内容">{{ note_data.content }}</textarea>
        </div>
        <div class="form-line">
            标签：
            <input size="69" type="text" value="{{ note_data.tags }}" name="note-tags" placeholder="笔记标签（空格分隔）" />
        </div>
        <div class="form-line btn-line">
            <button>提 交</button>
        </div>
    </form>
</body>
</html>